<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>left</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link type="text/css" href="css/redmond/jquery-ui-1.8.22.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.22.custom.min.js"></script>
<script type="text/javascript">
$(function(){
	// Dialog
	$('#dialog').dialog({
		autoOpen: false,
		width: 600,
		buttons: {
			"Ok": function() {
				$(this).dialog("close");
			},
			"Cancel": function() {
				$(this).dialog("close");
			}
		}
	});

	// Dialog Link
	$('#dialog_link').click(function(){
		$('#dialog').dialog('open');
		return false;
	});

});
</script>
</head>

<body>
<h1 class="title01"><img src="images/02_15.gif" width="45" height="42" class="fl"><a href="#">更多</a>弹出窗口样式</h1>

<!-- open -->
<a href="#" id="dialog_link" class="ui-state-default ui-corner-all">点击弹出窗</a>
<div id="dialog" title="弹出窗口名称">
	<p>弹出窗口样式</p>
</div>
</body>
</html>
